// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@use '~@mozilla-protocol/core/protocol/css/includes/lib' as * with ($font-path: '/media/protocol/fonts', $image-path: '/media/protocol/img');
@use '~@mozilla-protocol/core/protocol/css/components/forms/form';
@use '~@mozilla-protocol/core/protocol/css/components/forms/field';
@use '~@mozilla-protocol/core/protocol/css/components/forms/button-container';
@use '~@mozilla-protocol/core/protocol/css/components/notification-bar';

// * -------------------------------------------------------------------------- */
// newsletter/updated custom styles.

.c-updated-notification {
    padding-bottom: 0;
}

.c-updated-block {
    margin-top: $layout-xs;

    h1 {
        @include text-title-md;
        margin-bottom: $spacing-sm;
    }

    h2 {
        @include text-title-xs;
        margin-bottom: $spacing-2xl;
    }

    h3 {
        @include text-title-xs;
    }
}

.c-updated-block-content {
    margin-top: $layout-lg;

    @media #{$mq-md} {
        margin-top: $layout-xl;
    }
}

.c-updated-block-header {
    text-align: center;
}

.c-updated-back-link {
    display: none;
    margin-top: $spacing-lg;

    a::before {
        @include bidi(((content, '\2190\0020', '\2192\0020'),));
    }

    /* only show back link for JS enabled clients */
    .is-modern-browser & {
        display: block;
    }
}

.c-updated-form {
    label {
        @include text-body-md;
        display: block;
        font-weight: 200;
        margin: $spacing-md 0;
        padding-left: $spacing-xl;
        text-indent: -$spacing-xl;
    }

    input[type='checkbox'] {
        margin-right: 10px;
    }
}

.c-updated-form-thanks {
    text-align: center;
}
